FAB Floating action buttons懸浮按鈕

M2
M3

額外的顏色對映(Additional color mappings)

FAB 可以使用不同的顏色設計。系統提供了三種基本顏色選項:預設顏色、輔助顏色和自定義顏色。

States 狀態

1 預設(Enabled)2 懸停(Hovered)3 按下(Pressed)4 禁用(Disabled)

標準 FAB

屬性數值
寬度與高度56px
圓角半徑16px
圖示尺寸24px
內邊距16px

小型 FAB

屬性數值
寬度與高度40px
圓角半徑12px
圖示尺寸20px
內邊距12px

大型 FAB

屬性數值
寬度與高度96px
圓角半徑36px
圖示尺寸36px
內邊距36px